<template>
    <div id="app">
        <root-nav></root-nav>
        <div class="root-view"><router-view /></div>
    </div>
</template>

<script>
import RootNav from './components/rootNav/RootNav';
// import 'todomvc-common/base.css'
// import 'todomvc-app-css/index.css'
export default {
    name: 'App',
    components: {
        RootNav
    }
};
</script>

<style lang="scss">
@import '@/assets/css/mixins.scss';

#app {
    display: flex;
}

.root-view {
    flex: 1;
    height: 100vh;
    overflow: hidden;
}

// pub
.h-title {
    // @include headTitle();
    text-align: center;
    position: absolute;
    left: 50%;
    top: 5%;
    z-index: 999;
}
.map-x {
    @include mapStyle();
}
.vm {
    height: 100%;
    overflow: auto;
}
</style>
